.card {
    :global {
        .swiper-slide {
            .img {
                aspect-ratio: 2 / 1;
                border-bottom: 2px solid myRgb(--color-border);

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }

        p {
            font-size: 0.833vw;
            margin: 10px 10px 30px 10px;
            word-break: break-all;
        }

        .swiper-pagination-bullet {
            opacity: 1;
            background: rgba(0, 0, 0, 0);
            border: 1px solid rgb(var(--color-title));

            &.swiper-pagination-bullet-active {
                background-color: rgb(var(--color-title));
            }
        }
    }
}
